<template>
	<view class="index_swiper">
		<u-swiper
		indicator
		circular
		indicatorMode="dot"
		style="width: 100%;"
		class="container"
		height="354"
		:list="list"
		keyName="image"></u-swiper>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				defaultList:[
					'https://cdn.uviewui.com/uview/swiper/swiper3.png',
					'https://img.js.design/assets/img/62515ad1785241ce1ce9f20f.jpg',
					'https://img.js.design/assets/img/62515ad1785241ce1ce9f20f.jpg'
				]
			}
		},
		props: {
			swipperList:{
				type: Array
			}
		},
		computed:{
			list(){
				if(this.swipperList.length){
					return this.swipperList
				}
				return this.defaultList
			}
		}
	}
</script>

<style>
	.index_swiper {
		width: 100%;
		height: 354rpx;
		border-radius: 10rpx;
		top: 8rpx;
		overflow: hidden;
		box-shadow: 0 0 10rpx #bdbdbd;
		/*底边阴影*/
		margin-bottom: 40rpx;
		/* 	background: #000; */
	}
</style>
